import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'
import { useHead } from '@vueuse/head'


const routes: RouteRecordRaw[] = [{
    path: '/',
    name: 'Video',
    component: () => import('@/views/video/index.vue'),
    meta: {
        showLargeSearchBox: true,
        showScrollSearchBox: true,
        title: '视频——视频版权_视频商用_视频素材_片头素材_心安元素官网www.xinanyuansu.com',
        keywords: '商用视频,视频素材,视频版权,正版视频,视频商用授权,片头素材,视频创意',
        description: '心安元素是集商用视频、视频素材、正版视频的视频版权交易平台，欢迎专业的视频制作、视频素材公司、视频创意公司、视频拍摄人员、摄影爱好者等入驻心安元素平台进行视频版权存证、视频版权授权、视频版权交易、视频版权买卖_www.xinanyuansu.com'
    }
}, {
    path: '/picture',
    name: 'Picture',
    component: () => import('@/views/picture/index.vue'),
    meta: {
        showLargeSearchBox: true,
        showScrollSearchBox: true,
        title: '图片——图片版权_图片商用_图片下载_图片素材_心安元素官网www.xinanyuansu.com',
        keywords: '图库,图库公司,商用图片,图库公司,正版图片,壁纸,商用素材,素材网',
        description: '心安元素是集图库、商用图片、图片素材、摄影图片、商用素材的正版图片版权交易平台，欢迎专业图片公司、商用图片公司、摄影爱好者、需要正规版权公司和个人入驻心安元素平台进行图片版权存证、图片版权交易、图片版权买卖_www.xinanyuansu.com'
    }
}, {
    path: '/music',
    name: 'Music',
    component: () => import('@/views/music/index.vue'),
    meta: {
        showLargeSearchBox: true,
        showScrollSearchBox: true,
        title: '音乐——版权音乐_广告音乐_背景音乐_音乐素材_心安元素官网www.xinanyuansu.com',
        keywords: '版权音乐,正版音乐,音乐素材,背景音乐,音乐授权,BGM音乐,商用音乐,音乐素材下载,音乐素材网',
        description: '心安元素是集版权音乐、正版音乐、音乐素材、背景音乐、音乐授权、BGM音乐、商用音乐、音乐素材下载、音乐素材网的音乐版权交易平台，欢迎专业的音乐版权公司、原创音乐、音乐著作权人、BGM音乐、正版音乐等入驻心安元素平台进行音乐版权存证、音乐版权授权、音乐版权交易、音乐版权买卖_www.xinanyuansu.com'
    }
}, {
    path: '/font',
    name: 'Font',
    component: () => import('@/views/font/index.vue'),
    meta: {
        showLargeSearchBox: true,
        showScrollSearchBox: true,
        title: '字体——字体商用授权_字体版权_字库版权_心安元素官网www.xinanyuansu.com',
        keywords: '字体下载,字体素材,商用字体,商用字库,字体版权,字体版权公司',
        description: '心安元素是集字体、字库、字体素材商家入驻的专业字体版权交易的字体版权运营平台，欢迎专业的字体公司和可以商用的字体卖家入驻心安元素字库版权交易平台；同时欢迎有字体素材需求的个人和企业购买正版字体_www.xinanyuansu.com'
    }
}, {
    path: '/video-details/:id',
    name: 'VideoDetails',
    component: () => import('@/views/video-details/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/picture-details/:id',
    name: 'PictureDetails',
    component: () => import('@/views/picture-details/index.vue'),
    meta: {
        showSmallSearchBox: true,
    }

}, {
    path: '/music-details/:id',
    name: 'MusicDetails',
    component: () => import('@/views/music-details/index.vue'),
    meta: {
        showSmallSearchBox: true,
    }
}, {
    path: '/font-details/:id',
    name: 'FontDetails',
    component: () => import('@/views/font-details/index.vue'),
    meta: {
        showSmallSearchBox: true,
    }
}, {
    path: '/video-album',
    name: 'VideoAlbum',
    component: () => import('@/views/video-album/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/picture-album',
    name: 'PictureAlbum',
    component: () => import('@/views/picture-album/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/music-album',
    name: 'MusicAlbum',
    component: () => import('@/views/music-album/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/font-album',
    name: 'FontAlbum',
    component: () => import('@/views/font-album/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/video-gather/:id',
    name: 'VideoGather',
    component: () => import('@/views/video-gather/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/music-gather/:id',
    name: 'MusicGather',
    component: () => import('@/views/music-gather/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/font-gather/:id',
    name: 'FontGather',
    component: () => import('@/views/font-gather/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/picture-gather/:id',
    name: 'PictureGather',
    component: () => import('@/views/picture-gather/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/calendar-gather/:id',
    name: 'CalendarGather',
    component: () => import('@/views/calendar-gather/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/material',
    name: 'Material',
    component: () => import('@/views/material/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '素材广场——最新的商用素材_心安元素官网www.xinanyuansu.com',
        keywords: '商用视频,商用素材,视频素材,商用图片,商用字体,正版图片,正版音乐',
        description: '在这里您可以看到心安元素平台上时时的素材动态，这里有商用视频、商用素材、视频素材、商用图片、商用字体、正版图片、正版音乐等素材_www.xinanyuansu.com'
    }
}, {
    path: '/market',
    name: 'Market',
    component: () => import('@/views/market/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '销售广场——素材销售动态_心安元素官网www.xinanyuansu.com',
        keywords: '商用素材,素材买卖,视频授权,图片素材,字体授权,正版音乐,正版图片',
        description: '心安元素是集商用视频、图片、音乐、字体等正规素材授权使用的素材平台，欢迎专业的素材公司及个人上传正版素材入驻心安元素平台进行素材交易和版权买卖_www.xinanyuansu.com'
    }
}, {
    path: '/shopkeeper',
    name: 'Shopkeeper',
    component: () => import('@/views/shopkeeper/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '店主——数字版权店主_正版版权店主_正版素材店主_心安元素官网www.xinanyuansu.com',
        keywords: '正版版权平台,正版素材,数字版权店铺,版权在线交易平台,买卖正版素材,商用素材平台',
        description: '心安元素的店主可以是自带正规版权的个人，也可以是拥有可以商用的版权公司，欢迎大家在心安元素平台开店_心安元素官网www.xinanyuansu.com'
    }
}, {
    path: '/ranking',
    name: 'Ranking',
    component: () => import('@/views/ranking/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/auth',
    name: 'Auth',
    component: () => import('@/views/auth/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '授权查询——授权字体查询_授权图片查询_授权商用视频查询_授权版权音乐查询_心安元素官网www.xinanyuansu.com',
        keywords: '正版素材,版权保护,版权存证,版权登记,商用版权,商用素材,正版授权查询',
        description: '凡是在心安元素购买了素材的个人或公司都可以在心安元素的授权查询到版权的授权信息_心安元素官网www.xinanyuansu.com'
    }
}, {
    path: '/cooperation',
    name: 'Cooperation',
    component: () => import('@/views/cooperation/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/cooperation-upload',
    name: 'CooperationUpload',
    component: () => import('@/views/cooperation-upload/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/video-more',
    name: 'VideoMore',
    component: () => import('@/views/video-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/picture-more',
    name: 'PictureMore',
    component: () => import('@/views/picture-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/music-more',
    name: 'MusicMore',
    component: () => import('@/views/music-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/font-more',
    name: 'FontMore',
    component: () => import('@/views/font-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/video-search',
    name: 'VideoSearch',
    component: () => import('@/views/video-search/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/font-search',
    name: 'FontSearch',
    component: () => import('@/views/font-search/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/picture-search',
    name: 'PictureSearch',
    component: () => import('@/views/picture-search/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/music-search',
    name: 'MusicSearch',
    component: () => import('@/views/music-search/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/shop-search',
    name: 'ShopSearch',
    component: () => import('@/views/shop-search/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/entry',
    name: 'Entry',
    component: () => import('@/views/entry/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '入职心安元素——签约心安元素_心安元素官网www.xinanyuansu.com',
        keywords: '心安元素,心安元素代理商,签约心安元素,心安元素代理,加盟心安元素,加入心安元素',
        description: '签约或者加入心安元素_心安元素官网www.xinanyuansu.com'
    }
}, {
    path: '/help',
    name: 'Help',
    component: () => import('@/views/help/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '帮助中心——心安元素官网www.xinanyuansu.com',
        keywords: '心安元素帮助中心帮您解决您的问题',
        description: '帮助中心_心安元素官网www.xinanyuansu.com'
    }
}, {
    path: '/feedback',
    name: 'Feedback',
    component: () => import('@/views/feedback/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '意见反馈_心安元素官网www.xinanyuansu.com',
        keywords: '心安元素,心安元素官网,心安元素联系方式,心安元素电话,心安元素平台',
        description: '意见反馈给心安元素_心安元素官网www.xinanyuansu.com'
    }
}, {
    path: '/parent-more',
    name: 'ParentMore',
    component: () => import('@/views/parent-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/activity-more',
    name: 'ActivityMore',
    component: () => import('@/views/activity-more/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/about',
    name: 'About',
    component: () => import('@/views/about/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '关于心安元素——心安元素官网www.xinanyuansu.com',
        keywords: '心安元素,湖南版权公司,心安元素官网,湖南字体公司,湖南商用图片公司,知识产权,知识产权交易,www.xinanyuansu.com',
        description: '心安元素是集字体、图片、视频、设计素材,音乐素材买卖的版权授权、版权交易、版权买卖、版权商用的数字版权授权平台，欢迎大家入驻心安元素，心安元素官网: www.xinanyuansu.com'
    }
}, {
    path: '/activity-all',
    name: 'ActivityAll',
    component: () => import('@/views/activity-all/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '心安元素活动——心安元素公司活动_心安元素官网www.xinanyuansu.com',
        keywords: '心安元素公司,心安元素版权,知识产权网,知识产权应用,版权商用,知识产权交易,版权授权',
        description: '心安元素公司活动，心安元素官网: www.xinanyuansu.com'
    }
}, {
    path: '/notice',
    name: 'Notice',
    component: () => import('@/views/notice/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '通知及公告——心安元素公司通知及公告_心安元素官网www.xinanyuansu.com',
        keywords: '心安元素公司,心安元素,心安元素官网,心安元素通知,心安元素公告',
        description: '心安元素公司通知及公告，心安元素官网: www.xinanyuansu.com'
    }
}, {
    path: '/agreement',
    name: 'Agreement',
    component: () => import('@/views/agreement/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '隐私政策及协议——心安元素平台隐私政策及协议_心安元素官网www.xinanyuansu.com',
        keywords: '版权交易平台,授权协议,平台协议,版权协议,入驻协议,授权协议,心安元素版权交易平台,数字版权,xinanyuansu',
        description: '心安元素平台隐私政策及协议，心安元素官网: www.xinanyuansu.com'
    }
}, {
    path: '/activity-details/:id',
    name: 'ActivityDetails',
    component: () => import('@/views/activity-details/index.vue'),
    meta: {
        showSmallSearchBox: true
    }
}, {
    path: '/service',
    name: 'Service',
    component: () => import('@/views/service/index.vue'),
    meta: {
        showSmallSearchBox: true,
        title: '在线客服——心安元素官网www.xinanyuansu.com',
        keywords: '心安元素,心安元素平台,心安元素官网,心安元素在线客服,心安元素客服,心安元素电话',
        description: '联系心安元素客服_心安元素官网www.xinanyuansu.com'
    }
}]

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes,
    scrollBehavior() {
        return { top: 0 }
    }
})

router.beforeEach((to, from, next) => {
    useHead({
        title: to.meta.title ?? '心安元素_正版素材_商用素材_版权交易_www.xinanyuansu.com',
        meta: [{
            name: 'description',
            content: to.meta.description ?? '心安元素是集视频、图片、音乐、字体素材买卖的版权授权、版权交易、版权买卖、版权商用的素材版权授权平台，欢迎大家入驻心安元素，心安元素官网: www.xinanyuansu.com'
        }, {
            name: 'keywords',
            content: to.meta.keywords ?? '商用素材,素材下载,正规素材,版权素材,素材授权,商用图片商用视频,商用字体,商用视频,商用字体,心安元素'
        }]
    })
    next()
})

export default router
